<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AdminLogin.aspx.cs" Inherits="HostingDomainWebsite.AdminLogin" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Login</title>
    <link rel="stylesheet" href="../../css/reset.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../../css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../../css/invalid.css" type="text/css" media="screen" />	
    <script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="../../js/simpla.jquery.configuration.js"></script>
    <script type="text/javascript" src="../../js/facebox.js"></script>
    <script type="text/javascript" src="../../js/jquery.wysiwyg.js"></script>
</head>
<body id="login">

    <form id="form1" runat="server" method="post">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" />
    <div id="login-wrapper" class="png_bg">
			<div id="login-top">
			
				<h1>Login</h1>
				<!-- Logo (221px width) -->
				<img id="logo" src="../img/logo.png" alt="Simpla Admin logo" />
			</div> <!-- End #logn-top -->
			
			<div id="login-content">
				
                <asp:UpdatePanel ID="upTitleLogin" runat="server">
					<ContentTemplate>

                        <div class="notification information png_bg" id="divNotification" runat="server">
						<div>
							<span id="sloginMessage" runat="server">Please enter Username and Password.</span>                            
						</div>
					    </div>

				    </ContentTemplate>	
                </asp:UpdatePanel>


					    <p>
						    <label>Username</label>
						    <input class="text-input" id="txtUsername" runat="server" type="text" autofocus />
                            <asp:RegularExpressionValidator ID="revUsername" runat="server" ErrorMessage="<lable style='color:#000000;'>Please enter between <b>5 character</b> and <b>50 character</b><br/>Cannot use special character: !@#$...</label> "  ControlToValidate="txtUsername" Display="None" ValidationExpression="[a-zA-Z0-9]{5,50}" />
                            <asp:ValidatorCalloutExtender ID="revUsernameExt" runat="server" TargetControlID="revUsername" />
					    </p>
					    <div class="clear"></div>
					    <p>
						    <label>Password</label>
						    <input class="text-input" id="txtPassword" runat="server" type="password" />
                            <asp:RegularExpressionValidator ID="revPassword" runat="server" ErrorMessage="<lable style='color:#000000;'>Please enter between <b>5 character</b> and <b>50 character</b><br/>And some special character!</label> "  ControlToValidate="txtPassword" Display="None" ValidationExpression="[a-zA-Z0-9\@\!\#\$\\\'\%\^\&\*\`\~]{5,50}" />
                            <asp:ValidatorCalloutExtender ID="revPasswordExt" runat="server" TargetControlID="revPassword" />
					    </p>
					    <div class="clear"></div>
					    <%--<p id="remember-password">
						    <input type="checkbox" />Remember me
					    </p>--%>
					    <div class="clear"></div>

                <asp:UpdatePanel ID="upbLogin" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                        <p>
						    <input id="bLogin" class="button" type="button" runat="server" value="Login" onserverclick="Login_Click" />
					    </p>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="bLogin" />
                    </Triggers>
				</asp:UpdatePanel>

                <!--Loading image when process code-->
                <asp:UpdateProgress ID="uProgressbLogin" runat="server" AssociatedUpdatePanelID="upbLogin">
                <ProgressTemplate>
                    <img src="../img/loaderWhite.gif" />
                </ProgressTemplate>
                </asp:UpdateProgress>
                
                

                <!--Toolkit-->
                

			</div> <!-- End #login-content -->

    </div><!-- End #login-wrapper -->
    </form>
</body>
</html>
